<template>
  <el-table
      :data="tableData"
      style="width: 100%">
    <div v-for="(item,index) in list" :key="index">
      <el-table-column
          :prop="item.prop"
          :label="item.label"
      >
      </el-table-column>
    </div>
    <el-table-column
        fixed="right"
        label="操作"
        width="300">
      <template slot-scope="scope">
        <el-button type="text" size="small" @click="">编辑</el-button>
        <el-button type="text" size="small" @click="">启用/禁用</el-button>
        <el-button type="text" size="small" @click="">发布/取消发布</el-button>
        <el-button type="text" size="small" @click="">设置问题</el-button>
        <el-button type="text" size="small" @click="">查看地址</el-button>
        <el-button type="text" size="small" @click="">问卷统计</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: "watch",
  data(){
    return{
      //标题数据
      tableData: [
        {
          name: '10086',
          kaishi: '0218',
          jieshu: '0219',
          fanwei: '技术部',
          shuliang:'15624人',
          zhuangtai:'已发布',
          ren:'谭玉泽',
          shijian:'0218'
        },
      ],
      //表头数据
      list:[
        {prop:'name',label:'名称'},
        {prop:'kaishi',label:'开始时间'},
        {prop:'jieshu',label:'结束时间'},
        {prop:'fanwei',label:'开放范围'},
        {prop:'shuliang',label:'题目数量'},
        {prop:'zhuangtai',label:'状态'},
        {prop:'ren',label:'创建人'},
        {prop:'shijian',label:'创建时间'},

      ]
    }
  }

}
</script>

<style scoped>

</style>
